import { Inter } from 'next/font/google'
import './globals.css'
import GlobalHead from '@/components/GlobalHead'

const inter = Inter({ subsets: ['latin'] })

import { ReduxProvider } from './provider'

export const metadata = {
  title: 'The AI that talks about your product in the best places on Reddit for maximum visibility | RedGrowth',
  description: 'Find thousands of potential customers and mention your product naturally',
}

export default function RootLayout({ children }) {
  return (
    <html lang="en">
      <head>
        <meta property="og:type" content="website" />
        <meta
          property="og:title"
          content="The AI that talks about your product in the best places on Reddit for maximum visibility | RedGrowth"
        />
        <meta
          property="og:description"
          content="Find thousands of potential customers and mention your product naturally"
        />
        <meta property="og:site_name" content="RedGrowth" />
        <meta property="og:url" content="https://www.redgrowth.app" />
        <meta property="og:image" content="https://www.redgrowth.app/redgrowth-social-image.png" />

        <meta name="twitter:card" content="summary_large_image" />
        <meta name="twitter:image" content="https://www.redgrowth.app/redgrowth-social-image.png" />
        <meta
          name="twitter:title"
          content="The AI that talks about your product in the best places on Reddit for maximum visibility | RedGrowth"
        />
        <meta
          name="twitter:description"
          content="Find thousands of potential customers and mention your product naturally"
        />
        <meta name="twitter:site" content="RedGrowth" />
        <meta name="twitter:site_name" content="RedGrowth" />

        <GlobalHead />
      </head>
      <body className={inter.className}>
        <ReduxProvider>{children}</ReduxProvider>
      </body>
    </html>
  )
}
